iT邦幫忙

2022 iThome 鐵人賽

DAY 4
0
自我挑戰組

學習HTML&CSS的30天系列 第 4

[Day4]CSS 介紹

  • 分享至 

  • xImage
  •  

今天要來介紹的是這 30 天裡會學到的另一個語法:CSS
先把基本的知識學到後再來開始進行實作是我一直以來的學習方式,
因此前幾天都比較會是說明型的文章。

那就 Let's go 吧!


什麼是 CSS?

階層式樣式表(Cascading Style Sheets,簡稱 CSS),
是一種可以用來裝飾、調整 HTML 文件外觀的語言。
若只有 HTML 而沒有 CSS,網頁就會變成只有白色背景與黑色文字的簡單畫面。
利用 CSS 就可以呈現豐富的裝飾,輕鬆地設計出美觀的網頁!

CSS 介紹

CSS 可以控制網頁元素的外觀,例如背景圖、色彩、大小、位置等。
如果把網頁的 CSS 關閉,會立刻發現有無 CSS 的差異。

CSS 不僅可以靜態的修飾網頁,還可以配合各種手稿語言動態的對網頁個元素進行格式化。

CSS 預備知識

跟昨天的 HTML 預備知識一樣,學習 CSS 前並不需要有什麼相關的知識,
CSS 可以說是伴隨著 HTML 一起出現的,因此只要我們先學好 HTML 的語法後再來套用 CSS 的語法就可以做出自己想要的網頁介面囉!

那同樣的先建立好我們的環境
廢話就真的說到今天而已了!


那麼我是沒魚,這是我的第四天,明天不會是廢話了啦(應該/images/emoticon/emoticon29.gif

<上一篇> [Day3]HTML 介紹
<下一篇> [Day5]VSCode 環境架設&建立 HTML 基本檔案


上一篇
[Day3]HTML 介紹
下一篇
[Day5]VSCode 環境架設&建立 HTML 基本檔案
系列文
學習HTML&CSS的30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言